<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			body {
				margin: 0px;
				min-width: 1400px;
				max-width: 1600px;
			}

			.header {
				height: 110px;
				background-image: url(img/top-bg.jpg);
				display: flex;
				justify-content: space-around;
				align-items: center;
			}

			.language {
				height: 100%;
			}

			.search {
				font-size: 14px;
			}

			.search>#search-input {
				width: 300px;
				height: 30px;
				border: 2px solid #a62721;
				border-radius: 15px;
				display: flex;
				padding-left: 20px;
			}

			.search>#search-input>button {
				width: 80px;
				border-radius: 15px;
				background-color: #a62721;
				border: none;
				outline: none;
				color: wheat;


			}

			.search>#search-input>button;

			article {
				color: white;

			}

			.search>#search-input>input {
				flex-grow: 1;
				border: none;
				outline: none;
				background-color: rgba(0, 0, 0, 0);
			}

			.NAV {
				background: #A62721;
				height: 50px;
				display: flex;
				justify-content: center;
				font-size: 20px;
				align-items: center;
				top:0rem;
				position: sticky;
				z-index: 999;

			}

			.NAV>a {
				width: 250px;
				height: 100%;
				color: navajowhite;
				text-decoration: none;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.NAV>a:hover {
				background-color: #881618;
			}

			#loop {
				min-width: 1400px;
				height: 500px;
				background-image: url(img/banner1.jpg);
				background-repeat: round;
				display: flex;
				justify-content: space-around;
			}

			.NAV2 {
				background: white;
				height: 60px;
				display: flex;
				font-size: 25px;
				justify-content: center;

				align-items: center;

			}

			.NAV2>a {
				width: 250px;
				height: 100%;
				color: black;
				text-decoration: none;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.NAV2>a:hover {
				background-color: rgba(0, 0, 0, 0.1);
			}

			.NEW-2 {

				width: 75px;
				height: 75px;
				border-radius: 50%;
				background-color: rgba(0, 0, 0, 0.4);
			}

			.NEW-2>p {
				font-size: 22px;
				color: white;
				line-height: 35px;
				text-align: center;
				margin: 0px;

			}

			.NEW-2>span {
				width: 75px;
				height: 2px;
				background-color: white;
				display: block;
			}


			.redwine {
				display: flex;
				justify-content: space-between;

			}

			.NAV-foot {
				min-width: 1200px;
				background: #A62721;
				height: 150px;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
				margin: 0px;
			}

			.NAV-foot1 {

				width: 75px;
				height: 75px;
				border-radius: 50%;
				background-color: rgba(0, 0, 0, 0.4);
				margin: 0px;
				padding: 0px;
			}

			.NAV-foot2 {
				position: relative;
				top: -15%;
				width: 1000px;
				height: 30px;
				display: flex;
				justify-content: space-around;
				font-size: 20px;
				flex-wrap: wrap;
				margin: 0px;
				padding: 0px;

			}

			.NAV-foot2>a {
				color: wheat;
				text-decoration: none;
			}

			.NAV-foot2>select {
				color: wheat;
				text-decoration: none;
				background-color: #A62721;
				font-size: 20px;
			}

			.NAV-foot3 {
				color: #cecece;
				font-size: 12px;
				;
				width: 1000px;
				border-top: 5px solid wheat;
			}
				
				
				.Tbox {
					width: 1200px;
					height:auto;
					margin: auto;
				}
				
				.T1 {
					width: 1200px;
					height: 275px;
					margin: auto;
					position: relative;
				}
				.T1>img{
					float: left;
					margin-left: 70px;
					margin-right: 50px;
					margin-bottom: 20px;
				}
				.T1>p{
					width: 1120px;
					line-height:28px;
					text-indent: 2em;
					margin: 0rem;
				}
				.T24{
					width: 1200px;
					height: 200px;
					margin-top: 30px;
					position: relative;
				}
				.T24>.img1{
					margin-left: 70px;
					padding-right:40px;
					border-right:2px solid #000000;
				}
				.T24>.font{
					width: 700px;
					height: auto;
					position: absolute;
					right:70px;
					top: 0px;
					line-height: 28px;
					
				}
				.T24>.font>p{
					margin: 0px;
				}
				.T24>.font>h4{
					margin: 0px;
				}
				
				.T35{
					width: 1200px;
					height: 200px;
					display: block;
					margin-top: 30px;
					position: relative;
					
				}
				.T35 > .img2{
					padding-left: 40px;
					border-left:2px solid #000000;
					margin-left: 780px;
					
				}
				.T35 > .font2{
					width: 700px;
					height: auto;
					line-height: 28px;
					position: absolute;
					top: 0px;
					left: 60px;
					text-align: right;
					
				}
				.font2>p{
					margin: 0px;
				}
				.font2>h4{
					margin: 0px;
				}
				
				
				
				
				
		</style>
	</head>
	<body>
		<div class="header">

			<div><img src="img/top-logo.png"></div>

			<div class="search">
				<div id="search-input">
					<input type="text" /><button type="button">搜索</button>
				</div>

				<p>关键词：<span style="color: #cf3232;">葡萄酒</span>&nbsp; 冰酒
					&nbsp; 甜酒&nbsp; 香槟&nbsp; 白葡萄酒&nbsp; 红酒&nbsp; 白酒</p>

			</div>

			<div class="language">
				<a href="#">中文</a>
				<a href="#">English</a>
			</div>
		</div>
		<nav class="NAV">
			<a href="index.html">首页</a>
			<a href="product.html">产品</a>
			<a href="jianjie.html">公司简介</a>
			<a href="news.html">公司新闻</a>
			<a href="callus.html">联系我们</a>
		</nav>
		
		
		
		
		<div style="margin-left: 150px;">
		<p>公司简介--关于我们</p>
		</div>
		<div class="Tbox">
		<!--第一组-->
			<div class="T1">
				<img src="img/jianjie/pic1.jpg" >
				<p>木地酒庄是一家加拿大公司，总公司设在加拿大多伦多</p>
				<p>木地酒庄与世界各产区最优秀的酒庄紧密合作，直接进口各类冰酒，红葡萄酒，白葡萄酒，香槟和起泡酒</p>
				<p>木地酒庄在中国广东省珠海市设有子公司—珠海木地酒庄有限公司，备有恒温恒湿仓库，货物分销到全中国各地</p>
				<p>1997年8月28日，在世界著名的法国葡萄酒教授的协助下，陈庄主和来自法国的有意者找到了这里并联合创办木地酒庄。开始在这片难得的土地上酿造葡萄酒，使得这片土地重新唤起世人的注目。</p>
				
			</div>
			<!--第二组-->
			<div class="T24">
				<img src="img/jianjie/pic2.jpg" class="img1">
				<div class="font">
					<h4>完美的生产工艺</h4>
					<p>葡萄酒生产工艺的目的：在原料质量好的情况下尽可能的把存在于葡萄原料中的所有的潜在质量，在葡萄酒中经济、完美的表现出来。在原料质量较差的情况下，则应尽量掩盖和除去其缺陷，生产出质量相对良好的葡萄酒。好的葡萄酒香气协调，酒体丰满，滋味纯正，风格独特；但任何单一品种的葡萄都很难使酒达到预期的风味。因为纵使是优质的葡萄，其优点再突出，也有欠缺的一面。酿酒工艺师为了弥补葡萄的某些缺陷，在新品葡萄开发之初就对拟用葡萄品种作了精心的研究，将不同品种的葡萄进行最合理的搭配，五味调和，才有品格高雅的葡萄酒奉献给世人。+</p>
				</div>
			</div>
			<!--第三组-->
			<div class="T35">
				<img src="img/jianjie/pic3.jpg" class="img2">
				<div class="font2">
					<h4 >采用原生原料</h4>
					<p>葡萄酒生产工艺的目的：在原料质量好的情况下尽可能的把存在于葡萄原料中的所有的潜在质量，在葡萄酒中经济、完美的表现出来。在原料质量较差的情况下，则应尽量掩盖和除去其缺陷，生产出质量相对良好的葡萄酒。好的葡萄酒香气协调，酒体丰满，滋味纯正，风格独特；但任何单一品种的葡萄都很难使酒达到预期的风味。因为纵使是优质的葡萄，其优点再突出，也有欠缺的一面。酿酒工艺师为了弥补葡萄的某些缺陷，在新品葡萄开发之初就对拟用葡萄品种作了精心的研究，将不同品种的葡萄进行最合理的搭配，五味调和，才有品格高雅的葡萄酒奉献给世人。+</p>
				</div>
			</div>
			<!--第四组-->
			<div class="T24">
				<img src="img/jianjie/pic4.jpg" class="img1">
				<div class="font">
					<h4 >封闭的存储环境</h4>
					<p>葡萄酒生产工艺的目的：在原料质量好的情况下尽可能的把存在于葡萄原料中的所有的潜在质量，在葡萄酒中经济、完美的表现出来。在原料质量较差的情况下，则应尽量掩盖和除去其缺陷，生产出质量相对良好的葡萄酒。好的葡萄酒香气协调，酒体丰满，滋味纯正，风格独特；但任何单一品种的葡萄都很难使酒达到预期的风味。因为纵使是优质的葡萄，其优点再突出，也有欠缺的一面。酿酒工艺师为了弥补葡萄的某些缺陷，在新品葡萄开发之初就对拟用葡萄品种作了精心的研究，将不同品种的葡萄进行最合理的搭配，五味调和，才有品格高雅的葡萄酒奉献给世人。+</p>
				</div>
			</div>
			<!--第五组-->
			<div class="T35" style="margin-bottom:30px;">
				<img src="img/jianjie/pic5.jpg" class="img2">
				<div class="font2">
					<h4 >严谨的管理系统</h4>
					<p>葡萄酒生产工艺的目的：在原料质量好的情况下尽可能的把存在于葡萄原料中的所有的潜在质量，在葡萄酒中经济、完美的表现出来。在原料质量较差的情况下，则应尽量掩盖和除去其缺陷，生产出质量相对良好的葡萄酒。好的葡萄酒香气协调，酒体丰满，滋味纯正，风格独特；但任何单一品种的葡萄都很难使酒达到预期的风味。因为纵使是优质的葡萄，其优点再突出，也有欠缺的一面。酿酒工艺师为了弥补葡萄的某些缺陷，在新品葡萄开发之初就对拟用葡萄品种作了精心的研究，将不同品种的葡萄进行最合理的搭配，五味调和，才有品格高雅的葡萄酒奉献给世人。+</p>
				</div>
			</div>
		</div>
		
		
		
		
		
		<div class="NAV-foot">
			<div class="NAV-foot1" style="border:5px  solid white;">
				<p><a>&nbsp;</a></p>
			
			</div>
			<nav class="NAV-foot2">
				<a href="callus.html">联系我们</a>
				<a href="jianjie.html">公司简介</a>
				<a href="news.html">公司新闻</a>
				<select>
					<a href="#">
						<option>友情链接</option>
					</a>
					<a href="#">
						<option>翁丰统</option>
					</a>
					<a href="#">
						<option>胡家俊</option>
					</a>
					<a href="#">
						<option>张铭聪</option>
					</a>
				</select>
				<p class="NAV-foot3">Copyright @ 2010-2016 木地酒庄有限公司 wengfengtong 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
			</nav>
			<div>
				<img src="img/foot-logo.jpg">
			</div>
		</div>
	</body>
</html>
